<template>
    <div id="detail-swipe">
        <!--        mint-ui轮播图-->
        <mt-swipe :auto="2000" class="swipe_style" >
            <mt-swipe-item v-for="(item,index) in message" v-bind:key="index">
                <img :src="item">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
    export default {
        name: "DetailSwipe",
        props: {
            message:Array
        }
    }
</script>

<style scoped>
    #detail-swipe{
        height: 300px;
        margin-top: 44px;
    }
    .swipe_style {
        width: 100%;
    }
    img{
        width: 100%;
    }
</style>